<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>videoJs</title>
		<link href="http://vjs.zencdn.net/4.12/video-js.css" rel="stylesheet">
		<script src="http://vjs.zencdn.net/4.12/video.js"></script>
        <script src="https://unpkg.com/videojs-contrib-hls/dist/videojs-contrib-hls.js"></script>
    </head>
    <body>
        <section id="videoPlayer">
            <video id="example-video" width="600" height="300" class="video-js vjs-default-skin vjs-big-play-centered" poster="">
                <!--source src="http://rm03.wscdn.hls.xiaoka.tv/live/fczjp0Dc_J60VGMN/playlist.m3u8" type="application/x-mpegURL" id="target"-->
				<!--source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4"-->
				<source src="https://v9-xg-web-s.ixigua.com/a10cc762b2fe0a978f214db96084e593/62babb12/video/tos/cn/tos-cn-ve-15-alinc2/00d48251ee7c492696222667e99a006f/?a=1768&ch=0&cr=0&dr=0&er=0&lr=default&cd=0%7C0%7C0%7C0&br=985&bt=985&cs=0&ds=3&ft=FnzETNN6VlxwJ88yq8dzJLeOYZlcmM2lF2bL-cPFxiZm&mime_type=video_mp4&qs=0&rc=PDU2Mzw1OzU0aDg0OzY3NEBpaml0OTo6Zjl4OTMzNGkzM0AvYDAvMDRfNmExNTIxLl5hYSNybWFucjRfMzJgLS1kLTBzcw%3D%3D&l=20220628152546010159025162001AA90F" type="video/mp4">
            </video>
        </section>
        <script type="text/javascript">
            var player = videojs('example-video', { "poster": "", "controls": "true" }, function() {
                this.on('play', function() {
                    console.log('正在播放');
                });
                //暂停--播放完毕后也会暂停
                this.on('pause', function() {
                    console.log("暂停中")
                });
                // 结束
                this.on('ended', function() {
                    console.log('结束');
                })
            });
        </script>


<p>
		
		<div id="video" style="width: 100%; height: 400px;max-width: 600px;"></div>
		<script type="text/javascript" src="http://collect2.longsunhd.com/collect/reset/PlayerLite/ckplayer/ckplayer.js" charset="UTF-8"></script>
		<script type="text/javascript">
			var videoObject = {
				container: '#video', //容器的ID或className
				variable: 'player', //播放函数名称
				//loop: true, //播放结束是否循环播放
				autoplay: true,//是否自动播放
				poster: 'material/poster.jpg', //封面图片
				preview: { //预览图片
					file: ['material/mydream_en1800_1010_01.png', 'material/mydream_en1800_1010_02.png'],
					scale: 2
				},
				//flashplayer:true,  //video/mp4、video/m3u8
				live:true,
				//debug:true,
				video:[
			        ['https://v9-xg-web-s.ixigua.com/a10cc762b2fe0a978f214db96084e593/62babb12/video/tos/cn/tos-cn-ve-15-alinc2/00d48251ee7c492696222667e99a006f/?a=1768&ch=0&cr=0&dr=0&er=0&lr=default&cd=0%7C0%7C0%7C0&br=985&bt=985&cs=0&ds=3&ft=FnzETNN6VlxwJ88yq8dzJLeOYZlcmM2lF2bL-cPFxiZm&mime_type=video_mp4&qs=0&rc=PDU2Mzw1OzU0aDg0OzY3NEBpaml0OTo6Zjl4OTMzNGkzM0AvYDAvMDRfNmExNTIxLl5hYSNybWFucjRfMzJgLS1kLTBzcw%3D%3D&l=20220628152546010159025162001AA90F', 'video/mp4', '中文标清', 0],
			    ]
			};
			var player = new ckplayer(videoObject);
		</script>



    </body>
</html>